@import "lib/horizontal-list.scss";
@import "constants.scss";

@mixin menu-action($prefix, $name) {
  #item-#{$prefix}-#{$name} > a:before {
    content: url(images/actions/#{$name}.png) "\00a0";
  }
}

@include menu-action("actions", "edit");
@include menu-action("actions", "history");
@include menu-action("actions-edit", "new");
@include menu-action("actions-edit", "delete");
@include menu-action("actions-edit", "move");

#menu {
  background: $main_bg;
  height: 1.6em;
  line-height: 1.6em;
  border-top: $border;
  border-bottom: $border;
  ul {
    @include list-bar;
    height: 1.6em;
    &#menu-actions {
      float: right;
      li {
        border-left: $border;
        border-right: none;
      }
      .selected a:before {
        content: "\2022\00a0";
      }
      .download {
        background: $light_bg;
        a:after {
          content: "\00a0\2197";
        }
      }
    }
    li {
      @include reset-box-model;
      display: block;
      float: left;
      height: 1.6em;
      line-height: 1.6em;
      border-right: $border;
      color: $dark_color;
      a {
        display: block;
        text-decoration: none;
        white-space: nowrap;
        padding: 0 1em;
        height: 1.6em;
        color: $dark_color;
        cursor: pointer;
        &:hover, &:focus, &:active {
          text-shadow: #333333 1px 1px 2px;
	}
      }
      ul {
        display: none;
        z-index: 99;
        position: absolute;
        border-top: $border;
        margin-left: -1px;
        li {
          background: $main_bg;
          clear: both;
          border: $border !important;
          border-top: none !important;
          width: 100%;
	}
      }
      &:hover>ul {
        display: block;
      }
    }
  }
  .breadcrumbs {
    margin-right: 1em;
    > li {
      border: none;
      a {
        padding: 0 0.3em;
      }
      &:first-child a {
        padding-left: 1em;
        text-indent: -999px;
        display: block;
        width: 16px;
        background: url(images/actions/home.png) no-repeat 1em 0.1em;
      }
      &:last-child {
        border-right: $border;
        a {
          padding-right: 1em;
        }
      }
    }
  }
}
